<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS_伪类选择器动态伪类</title>
  <style>
      /*选中的是没有访问过的a元素*/
      a：link{
          color: red;
      }
      /*选中的是访问过的a元素*/
      a：visited{
          color: blue;
      }
      /*选中的是鼠标悬浮状态的a元素*/
      a:hover{
          color: yellow;
      }
      /*选中的是激活状态的a元素*/
      a：active{
          color:orange;
      }
      input:focus, select:focus{
          background-color: yellow;
          color: red;
      }
  </style>
</head>
<body>
    <!--伪类选择器-动态伪类：
            1.激活状态:按下鼠标不松开
            2.遵循LVHA原则，即：link、visited、hover、active
            :focus获取焦点的元素
                表单类型元素才有这个伪类属性，用户选择这个元素代表获取焦点
        -->
    <a href="https://www.baidu.com">去百度</a>
    <a href="https://www.jd.com">去京东</a>
    <br>
    <input type="text">
    <input type="text">
    <input type="text">
    <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
</body>
</html>